<template>
  <div class="sign-position-page">
    <h2 class="page-title">电子签章位置设置</h2>
    
    <!-- 签署位组件 -->
    <sign-position-component />
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import SignPositionComponent from '../../components/signPosition/index.vue'

export default defineComponent({
  name: 'SignPositionPage',
  
  components: {
    SignPositionComponent
  },
  
  setup() {
    return {}
  }
})
</script>

<style lang="scss" scoped>
.sign-position-page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 20px;
  
  .page-title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #303133;
  }
  
  /* 签署位组件占满剩余空间 */
  :deep(.sign-position) {
    flex: 1;
    min-height: 0;
  }
}
</style>